/* Styles for the entire body */
body { background-color: #708090; }
img { border:none; }
.centeredImage { text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; }
/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; }
h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { padding: 0 0 10px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em;  }
h5, h6 { font-size: 1em; }

#container { margin: 10px auto; width: 950px; padding: 10px; background-color: #fff; }

/* Styles for the header including logo */
.logoImage { float:left; padding: 0 10px 10px 0; height:80px; width:80px; }
#header { height : 100px; width:100%; background-color: #455A79; }
#logo { float:left; font-family: Segoe UI, Tahoma, sans-serif; font-size: 152%; font-weight: bold; color: #fff; padding:10px 0px 0px 10px; width:40%; background-color: inherit; }
#headermenu { float: right; text-align: right; font-family: Segoe UI, Arial, sans-serif; font-size: 77%; color: #fff; width:57%;  padding: 10px 10px 0px 0px; background-color: inherit; }
#headermenu a { text-decoration: none; color: #FFFFFF; background-color: inherit; }
#headermenu a:hover { text-decoration: underline; }

/* Styles for the tabbed horizontal menu */
#navlistcontainer { /* clear: both; */ background-color: #455A79; padding-top: 2px; }
#navlist { padding: 3px 10px; margin: 0px; border-bottom: 3px solid #FFF; font: bold 80% Verdana, sans-serif; }
#navlist li { list-style: none; margin: 0; display: inline; }
#navlist li a { padding: 3px 0.5em; margin-left: 3px; border: 2px solid #FFF; border-bottom: none; background: #D1D9E4; text-decoration: none; }
#navlist li a:link { color: #455A79; background : #D1D9E4; border-color: #FFF; }
#navlist li a:visited { color: #455A79; background : #D1D9E4; border-color: #FFF; }
#navlist li a:hover { color: #FFF; background : #455A79; border-color: #FFF; }
#navlist li a.current { color: #FFF; background : #455A79; }

/* Styles for the infobox */
#infobox { border-top: 3px solid #455A79; border-bottom: 3px solid #455A79; clear: both; margin: 0px auto; height :100px; /* width:100%; */ background-color: #D1D9E4; padding: 5px; }
#infobox label { font-family: Arial, sans-serif; font-size: 1.2em; font-weight: normal; color: #212121; }
#infobox span { font-family: Arial, sans-serif; font-size: 1.1em; font-weight: normal; color: #494949; }
#nutshell { float: left; height :170px; width:49%; border-right: 1px dotted #455A79; background-color: #D1D9E4; }
#services { float: right; height:170px; width:50%; background-color: #D1D9E4; }
#nutshell h2 { margin: 0px; text-align: left; font-family: Arial, sans-serif; color: #455A79; font-size: 100%; padding:5px 0px 0px 10px; background-color: inherit; }
#nutshell p { text-align: left; padding:0px 10px 0px 10px; font-family: Arial, sans-serif; font-size: 77%; font-weight: normal; color: #494949; }
#services h2 { margin: 0px; text-align: left; font-family: Arial, sans-serif; color: #455A79; font-size: 100%; padding:5px 0px 0px 10px; background-color: inherit; }
#services p { text-align: left; padding:0px 10px 0px 10px; font-family: Arial, sans-serif; font-size: 77%; font-weight: normal; color: #494949; }
#services ul { margin-top: 5px; list-style-type: square; text-align: left; }
#services ul li { font-family: Arial, sans-serif; color: #494949; font-size: 77%; }

/* Styles for the main content */
#contents { clear: both; margin: 5px auto; width:100%; /* height:600px; */ background-color: #FFF; }
#secondpagecontents { clear: both; margin: 0px auto; width:100%; background-color: #FFF; border-top: 3px solid #455A79; padding-top: 5px; }
#leftcontainer { float: left; /* width:70%;  */ }
#rightcontainer { float: right; width:29%; }
.WrapText { float:left; margin: 10px; padding: 5px; border:1px solid #455A79; background:#D1D9E4; }

/*Styles for the left columm. */
#leftcontainer  h1, h2, h3 { margin:0 auto; padding:5px 0 5px 10px; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; /* text-align: left; color:#494949; */ font-size: 100%; }
#leftcontainer p { margin: 5px; padding: 0 0 5px 5px; background-color:inherit; line-height: 1.5em; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; text-align: justify; color: #494949; font-size: 77%; }
#leftcontainer a { background-color:inherit; text-decoration: none; color: #000066; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; }
#leftcontainer a:hover { background-color:inherit; text-decoration: underline; color: #000066; }
#leftcontainer span { background-color:inherit; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; }
#leftcontainer label { font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; font-size: 1.1em; font-weight: normal; color: #212121; }

/*Styles for the right columms. */
.rightcontents { margin: 0px auto 10px auto; background-color:#FFF; border:1px solid #455A79; line-height:1.1em; text-align: left; }
.rightcontents h1, h2, h3 { margin:0 auto; padding:5px 0 5px 10px; /* background-color:#D1D9E4; */ font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; /* text-align: left; color:#455A79; */ font-size: 100%; }
.rightcontents p { padding:5px 10px 5px 10px; margin: 5px; /* margin: 0 0 15px 0; */ font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; text-align: left; background-color:inherit; color: #494949; font-size: 77%; }
.rightcontents p a { background-color:inherit; text-decoration: none; color: #000066; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; }
.rightcontents p a:hover { background-color:inherit; text-decoration: underline; color: #000066; }
.rightcontents span { background-color:inherit; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; }
.rightcontents label { font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; font-size: 1.1em; font-weight: normal; color: #212121; }

/*Styles for Quick links. */
.rightcontents ul { margin-top: 5px; margin-bottom: 5px; }
.rightcontents ul li { list-style-type: square; padding-bottom: 5px; }
.rightcontents ul li a { font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; text-align: left; font-size: 77%; background-color:inherit; text-decoration: underline; color: #000066; }
.rightcontents ul li a:hover { background-color:inherit; color: #455A79; }

/*Styles for the footer. */
#footer { clear: both; margin: 5px 0 0 0; width:100%; }
#footer p { padding: 10px; background-color: #455A79; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; font-size: 77%; color: #fff; margin: 0px; }
#footer2 { margin: 0px auto; width: 950px; background-color: #666; }
#footer2 p { margin: 0px; padding: 0px; float: right; background-color: #666; font-family: Segoe UI, Arial, sans-serif; font-size: 65%; color: #fff; }
#footer2 p a { background-color: #666; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; font-size: 100%; color: #fff; text-decoration: underline; }
/* End of The Chosen One style */

/* TextBox Style */
.textBoxIdle { border: 2px solid #e3e3e3; background-color:White; }
.textBoxActive { border: 2px solid #e3e3e3; background-color:#FFFACD; }
.submitButton { border-style:outset; background-color:#DADADA; font-size:.9em; font-weight:bold; } 

fieldset { padding: 10px 10px 10px 10px; border:1px solid #000000; font-family: Arial, sans-serif; }
fieldset label { display:block; float:left; width:160px; text-align:right; margin:0 10px 0 0; }
fieldset p { padding: 0px 0px 0px 0px; margin-top: 3px; margin-bottom: 3px; line-height: 1.6em; }

fieldset p select { border: 1px solid #D0D0D0; }
fieldset p input.submit { border-style:outset; background-color:#DADADA; font-size:.9em; font-weight:bold; margin-top: 5px; } 
fieldset p input.submitAligned { border-style:outset; background-color:#DADADA; font-size:.9em; font-weight:bold; margin-top: 5px; margin-left:10px; } 
fieldset legend { color:#000; padding: 2px 6px 2px 0px; font-size:1.0em; font-weight:bold; }

/* Table scrolling */
div.table-vertical-scroll-wrapper { width:100%; overflow-y:auto; height:500px; }
div.table-horizontal-scroll-wrapper { width:945px; overflow-x:auto; overflow-y:auto; /* height:600px; */}
div.tablebody-vertical-scroll-wrapper { height:470px; }

/* report table */
table.report-table  { margin-left:0; margin-right:0; width:100%; border:5px solid #f9fbfc; border-top:none; border-right:none; border-left:none; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; font-size:90%; table-layout:fixed; }
table.report-table td { padding:6px 10px; border-top:2px solid #eff3f7; background:#e7f0f3; display:table-cell; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
table.report-table th { text-align:left; }
table.report-table thead tr { height:20px; }
table.report-table thead th { background:#d7e6ec; text-align:center; border-bottom:2px solid #000000; }
table.report-table tbody th { background:#f1f6f8; border-top-color:#f9fbfc; text-align:center; }
table.report-table tbody td { text-align:center; }
table.report-table tbody tr.d0 td { background-color: #E7F0F3; color: black; }
table.report-table tbody tr.d1 td { background-color: #D7E6EC; color: black; }

/* action cells */
table.report-table td.actions, table.data-table th.actions { padding:0px; }
table.report-table td.actions { font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; white-space:nowrap; text-align:center; border-right:1px dashed #d7e6ec; }
table.report-table th.actions { font-weight:normal; color:#4d8aa2; text-align:center; }

/* BlockUI */
div.blockMsg {
    width:  30% !important;
    /* top:    30% !important; */
    /* left:   30% !important; */
    text-align: center !important;
    background-color: #FFFFFF !important;
    border: 3px solid #AAAAAA !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    /* -moz-opacity:.70; */
    /* opacity:.70; */
    padding: 10px !important;
    color: #fff !important;
    font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif !important;
    font-size: 16px !important;
}

div.okGrowlUI  { background: url(/images/greenCheckMark-64x64.png); background-repeat:no-repeat; padding: 10px 10px 10px 10px; }
div.errorGrowlUI  { background: url(/images/red-triangle-exclamation-128x128.png); background-repeat:no-repeat; padding: 10px 10px 10px 10px; }
div.okGrowlUI h2, div.okGrowlUI h3, div.errorGrowlUI h2, div.errorGrowlUI h3 { color: white; margin: 0px 2px 2px 85px; text-align: left; }

div.ui-datepicker { font-size:12px !important; }

#noscript-warning { background-color: Orange; color: #FFFFFF; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; font-size: 200%; font-weight: bold; left: 0; padding: 5px 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 101; }
